<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>回顾</title>
    <script src="vue.js"></script>
</head>

<body id="body">

    <div id="el">
        <!-- {{message}} -->
        <!-- {{show}}
        <div>
            {{message}}
         </div>    -->
    </div>

</body>
<script>
    let data={
        show:'hello vue'
    }
    let vm = new Vue({
        el:"#el",
        // data:{
        //     message:'hello'
        // }
        //data:data//第一个data 是json 的key值, 第二个data 就是指向外层的json data
    });
    //即使是id 绑定在body，html 还是不能绑定
    //如果是外层的data数据调用要在初始化之前声明
    //初始化之前 data的数据要先定义好
    // let data={
    //     show:'hello vue'
    // }
    //vm.message='hello message';
</script>

</html>